<template>
  <div class="app-container">
    <div style="width: 1200px; margin: 0 auto">
      <el-card shadow="never">
        <div slot="header" class="clearfix">
          <span>定标审核</span>
          <el-button
            class="float-right"
            type="primary"
            @click="dialogVisible = true"
            plain
            >跟标</el-button
          >
        </div>
        <el-form :model="form1" label-width="120px">
          <el-row :gutter="12">
            <el-col :span="12">
              <el-form-item label="招标名称">招标名称</el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="报名截止时间"
                >2020-03-01 14:59:59
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="招标编号">XJD-998376241 </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="投标截止时间"
                >2020-03-01 14:59:59
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="采购单位"
                >北京国电龙源环保工程有限公司
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="开标开始时间"
                >2020-03-01 14:59:59
              </el-form-item>
            </el-col>
            <el-col :span="12">
              <el-form-item label="招标方式">公开招标</el-form-item>
            </el-col>
          </el-row>
        </el-form>

        <el-steps :active="5" class="mb-20">
          <el-step title="招标"></el-step>
          <el-step title="投标"></el-step>
          <el-step title="开标"></el-step>
          <el-step title="评标"></el-step>
          <el-step title="定标"></el-step>
          <el-step title="公示"></el-step>
        </el-steps>

        <el-tabs v-model="activeName">
          <el-tab-pane label="定标方案" name="1"></el-tab-pane>
        </el-tabs>
        <el-table :data="lists" border highlight-current-row class="mb-20">
          <el-table-column label="物料名称" prop="name"></el-table-column>
          <el-table-column label="采购数量" prop="num"></el-table-column>
          <el-table-column label="中标数量" prop="num1"></el-table-column>
          <el-table-column label="含税单价" prop="price"></el-table-column>
          <el-table-column label="含税小价" prop="price1"></el-table-column>
        </el-table>

        <div slot="footer" class="dialog-footer text-center">
          <el-button type="primary" @click="handleClose" size="large"
            >关闭
          </el-button>
        </div>
      </el-card>
    </div>

    <el-dialog title="确定跟标" :visible.sync="dialogVisible" width="30%">
      <el-form :model="form2" label-width="120px">
        <el-form-item label="是否跟标" required>
          <el-radio-group v-model="form2.radio">
            <el-radio :label="1">跟标</el-radio>
            <el-radio :label="2">不跟标</el-radio>
          </el-radio-group>
        </el-form-item>
        <el-form-item label="原因">
          <el-input type="textarea" v-model="form2.reason"></el-input>
        </el-form-item>
      </el-form>
      <span slot="footer" class="dialog-footer">
        <el-button @click="dialogVisible = false">取 消</el-button>
        <el-button
          type="primary"
          @click="$router.push('/bidding/evaluation_hall_supplier')"
          >确 定</el-button
        >
      </span>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      activeName: "1",
      form: {
        title: "招标名称",
        code: "XJD-998376241",
        company: "叮当（天津）电子商务有限公司",
        way: "公开招标",
      },
      lists: [
        {
          name: "物料A",
          num: 3000,
          num1: 1000,
          price: 1000.0,
          price1: 1000.0,
        },
        {
          name: "物料B",
          num: 5000,
          num1: 1000,
          price: 1000.0,
          price1: 1000.0,
        },
        {
          name: "物料C",
          num: 4000,
          num1: 1000,
          price: 1000.0,
          price1: 1000.0,
        },
      ],
      form1: {},
      dialogVisible: false,
      form2: {
        raido: 1,
        reason: "",
      },
    };
  },
};
</script>

<style lang="scss" scoped>
</style>